<div class="lof-item-row {if $shadowbox == 1}lof-item-row-shadow-box-{$moduleId}{/if}" style="height:{$moduleHeight}px;">
	<div class="lof-item-main" style="{if $shadowbox == 0}background:#FFFFFF;{/if}">
        {if $showImage}
        
        <div class="lof-image">
            {if $showIconItem}
                {if $row.lof_online_only_icon != '' AND $onlineIcon == 1}
                <div class="{$row.lof_online_only_icon}">&nbsp;</div>
                {/if}
                {if $row.lof_sale_icon != '' AND $saleIcon == 1}
                <div class="{$row.lof_sale_icon}">&nbsp;</div>
                {/if}
                {if $row.lof_new_icon != '' AND $newIcon == 1}
                <div class="{$row.lof_new_icon}">&nbsp;</div>
                {/if}
                {if $row.lof_features != '' AND $featureIcon == 1}
                <div class="{$row.lof_features}">&nbsp;</div>
                {/if}
            {/if}
            {if $linkImage}<a target="{$targetlink}" href="{$row.link}" class="product_img_link product_image">{/if}<img  src="{$row.mainImge}" title="{$row.name}" alt=""/>{if $linkImage}</a>{/if}
        </div>
        {/if}
        {if $showSubTitle}
         <h3>
             {if $linkSubtitle}<a target="{$targetlink}" class="lof-title" title="{$row.name}" href="{$row.link}">{/if}
                {$row.subtitle}
             {if $linkSubtitle}</a>{/if}
         </h3>
         {/if}
         <div class="lof-tools-opacity" style="width:100%;">
            <span class="lof-price-contain">
                <span class="lof-price"><b>{if $source=="product"}{$row.price}{else}{displayWtPrice p=$row.price}{/if}</b></span>
                {if (($row.price_lof_reduction) != ($row.price)) AND ($row.price_lof_reduction != "") AND ($priceReduction == 1)}&nbsp;&nbsp;<span class="lof-price-discount">{displayWtPrice p=$row.price_without_reduction}</span>{/if}
            </span>
        </div>
        {if $showSubDesc}
        <h4><span class="lof-quote">&ldquo;</span><span>{$row.subdescription}</span></h4>
        {/if}
        <a href="#" class="lof-more" title="{$row.name}">{l s='more...' mod='lofcarousel'}</a>
	</div>
    
	<div class="lof-content-wrapper lof-content-wrapper-{$moduleId}" style="height:{$moduleHeight+77}px">
		
        <div class="lof-content" style="width:100%;">
			{if $showMainTitle}
            <h6><a target="{$targetlink}" class="lof-title" title="{$row.name}" href="{$row.link}">{$row.name}</a></h6>
            {/if}
			<a href="#" class="lof-close">{l s='Close' mod='lofcarousel'}</a>
			<!--<div class="lof-content-text"><p></p></div>-->
            
        
            <div class="lof_buy_block">
                <p class="price">
                    {if $source == 'product'}
    				{if $row.on_sale}
    					<img src="{$img_dir}onsale_{$lang_iso}.gif" alt="{l s='On sale' mod='lofcarousel'}" class="on_sale_img"/>
    					<span class="on_sale">{l s='On sale!' mod='lofcarousel'}</span><br />
                    {elseif (($row.price_lof_reduction) != ($row.price)) AND ($row.price_lof_reduction != "") AND ($priceReduction == 1)}&nbsp;&nbsp;<span class="discount">{l s='Reduced price!' mod='lofcarousel'}</span><br />{/if}
                    
                    {elseif $row.lof_sale_icon != ''}
                        <img src="{$img_dir}onsale_{$lang_iso}.gif" alt="{l s='On sale' mod='lofcarousel'}" class="on_sale_img"/>
    					<span class="on_sale">{l s='On sale!' mod='lofcarousel'}</span>
                    <br />
                    {/if}
                    
    				<span class="lof_our_price_display">
        				<span class="our_price_display">{$row.price}</span>
        					{if ((isset($row.display_tax_label) && $row.display_tax_label == 1) OR !isset($row.display_tax_label))}
        						{l s='tax excl.' mod='lofcarousel'}
        					{/if}
        			</span>
                    {if $source == 'product'}
                    <br />
                    {if (($row.price_lof_reduction) != ($row.price)) AND ($row.price_lof_reduction != "") AND ($priceReduction == 1)}&nbsp;&nbsp;<span class="lof-price-discount">{displayWtPrice p=$row.price_without_reduction}&nbsp;{l s='tax excl.' mod='lofcarousel'}</span>{/if}
    				{if $row.specific_prices AND $row.specific_prices.reduction_type == 'percentage'}
                        <br />
    					<span class="reduction_percent">{l s='(price reduced by' mod='lofcarousel'} <span class="reduction_percent_display">{$row.specific_prices.reduction*100}</span> %{l s=')'}</span>
    				{/if}
                    {/if}
    			</p>
                <!-- quantity wanted -->
                {if $source == 'product'}
    			<p class="quantity_wanted_p"{if (!$row.allow_oosp && $row.quantity <= 0) OR !$row.available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>
    				<label>{l s='Quantity :' mod='lofcarousel'}</label>
    				<input type="text" name="qty" class="quantity_wanted text" value="{if isset($quantityBackup)}{$quantityBackup|intval}{else}{if $row.minimal_quantity > 1}{$row.minimal_quantity}{else}1{/if}{/if}" size="2" maxlength="3" {if $row.minimal_quantity > 1}onkeyup="checkMinimalQuantity({$row.minimal_quantity});"{/if} />
    			</p>
                {else}
                <p class="quantity_wanted_p"{if ($row.quantity > 0)} style="display: none;"{/if}>
    				<label>{l s='Quantity :' mod='lofcarousel'}</label>
    				<input type="text" name="qty" class="quantity_wanted text" value="{$row.quantity}" size="2" maxlength="3" onkeyup="checkMinimalQuantity();"/>
    			</p>
                {/if}
    			<!-- availability -->
                {if $source == 'product'}
    			<p class="availability_statut"{if ($row.quantity <= 0 && !$row.available_later && $row.allow_oosp) OR ($row.quantity > 0 && !$row.available_now) OR !$row.available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>
    				<span class="availability_label">{l s='Availability:' mod='lofcarousel'}</span>
    				<span class="availability_value {if $row.quantity <= 0}warning_inline{/if}">
    					{if $row.quantity <= 0}{if $row.allow_oosp}{$row.available_later}{else}{l s='This product is no longer in stock' mod='lofcarousel'}{/if}{else}{$row.available_now}{/if}
    				</span>
    			</p>
                
                {if $row.online_only}
    				<p class="status-product">{l s='Online only' mod='lofcarousel'}</p>
    			{/if}
                {elseif $row.lof_online_only_icon != ''}
                    <p class="status-product">{l s='Online only' mod='lofcarousel'}</p>
                {/if}
                
                <!-- number of item in stock -->
                {if $source == 'product'}
    			{if (!$PS_CATALOG_MODE && $row.available_for_order)}
    			<p class="pQuantityAvailable"{if $row.quantity <= 0} style="display: none;"{/if}>
    				<span class="quantityAvailable">{$row.quantity|intval}</span>
    				<span {if $row.quantity > 1} style="display: none;"{/if} class="quantityAvailableTxt">{l s='item in stock' mod='lofcarousel'}</span>
    				<span {if $row.quantity == 1} style="display: none;"{/if} class="quantityAvailableTxtMultiple">{l s='items in stock' mod='lofcarousel'}</span>
    			</p>
    			{/if}
                {/if}
            </div>
		</div>
        <div class="lof_public_show">
            <ul>
                {if $showReadmore}<li><a target="{$targetlink}" href="{$row.link}" title="{$row.name}">{l s='Read more' mod='lofcarousel'}</a></li>{/if}
    			{if $itemDateCreated AND $source == "product"}<li><a href="#" title="{$row.name}" class="lof-date-carousel">{l s='Date' mod='lofcarousel'}:&nbsp;{$row.date_add|date_format:"%Y-%m-%d"}</a></li>{/if}
    		</ul>
        </div>
        {if $source == "product" AND $showAddCart == 1}
            {if (($row.quantity > 0 OR $row.allow_oosp))}
            <a class="lof-add-cart ajax_add_to_cart_button" rel="ajax_id_product_{$row.id_product}" href="{$site_url}cart.php?add&amp;id_product={$row.id_product}&amp;token={$token}"><span>{l s='Add to cart' mod='lofcarousel'}</span></a>
            {else}
                <span class="lof-add-cart lof-add-cart-none">{l s='Add to cart' mod='lofcarousel'}</span>
            {/if}
        {/if}
            <div class="lof_info_tabs">
                <!-- description and features -->

            <script type="text/javascript">
	           $(document).ready(function() {ldelim}
                	//Default Action
                	$(".tab_content_01_{$moduleId}").show(); //Hide Tab 1 content
                	$(".tab_content_02_{$moduleId}").hide(); //Hide Tab 2 content
                	$("ul.tabs-{$row.id_product} li:first").addClass("active").show(); //Activate first tab
                	$(".tab_content-{$row.id_product}:first").show(); //Show first tab content
                	
                	//On Click Event
                	$("ul.tabs-{$row.id_product} li").click(function() {ldelim}
                		$("ul.tabs-{$row.id_product} li").removeClass("active"); //Remove any "active" class
                		$(this).addClass("active"); //Add "active" class to selected tab
                		$(".tab_content-{$row.id_product}").hide(); //Hide all tab content
                		var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
                		$(activeTab).fadeIn(100); //Fade in the active content
                		return false;
                	{rdelim});
                
                {rdelim});
            </script>    
            
            
            <div class="lof-carousel-container">
                <ul class="tabs tabs-{$row.id_product}">
                    {if $row.description}<li><a href=".tab1-{$row.id_product}">{l s='More info'}</a></li>{/if}
                    {if $row.features}<li><a href=".tab2-{$row.id_product}">{l s='Data sheet'}</a></li>{/if}
                    
                </ul>
                <div class="tab_container">
                    {if $row.description}
                    <div class="tab1-{$row.id_product} tab_content-{$row.id_product} tab_content tab_content_01_{$moduleId}" style="display:block;">
                        <p>{$row.description}</p>
                    </div>
                    {/if}
                    {if $row.features}
                    <div class="tab2-{$row.id_product} tab_content-{$row.id_product} tab_content tab_content_02_{$moduleId}">
                        <ul class="bullet lof-bullet-features" style="margin: 0px;">
                		{foreach from=$row.features item=feature}
                			<li><span>{$feature.name|escape:'htmlall':'UTF-8'}</span> {$feature.value|escape:'htmlall':'UTF-8'}</li>
                		{/foreach}
                		</ul>
                    </div>
                    {/if}
                </div>
            </div>
            
            
            
        </div>
	</div>
</div>